﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>照片列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- basic styles -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <!-- common styles -->
    <link rel="stylesheet" href="src/css/common.css"/>
    <!-- my styles -->
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <!-- page specific plugin styles -->

    <!-- fonts -->

    <link rel="stylesheet" href="assets\css\cyrillic.css"/>
    <!-- ace styles -->
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css"/>
    <link rel="stylesheet" href="assets/css/ace-skins.min.css"/>

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->

    <!-- inline styles related to this page -->


    <!-- ace settings handler -->

    <script src="assets/js/ace-extra.min.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="src/css/skin_cover.css">

</head>
<body>
<div class="navbar-wrap">
    <div class="navbar navbar-default navbar-fixed-top" id="navbar">
        <div class="navbar-container" id="navbar-container">
            <div class="navbar-header pull-left">

                <a href="index.html" class="navbar-logo"><img src="assets/images/logo.png"></a>
            </div>

            <div class="navbar-header pull-right" role="navigation">

                <ul class="nav ace-nav">
                    <li class="light-blue">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                            <img class="nav-user-photo" src="assets/avatars/avatar2.png" alt="Jason's Photo"/>
								<span class="user-info">
									<small>欢迎光临,</small>
									Jason
								</span>

                            <i class="icon-caret-down"></i>
                        </a>

                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                            <li>
                                <a href="#">
                                    <i class="icon-cog"></i>
                                    设置
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <i class="icon-user"></i>
                                    个人资料
                                </a>
                            </li>

                            <li class="divider"></li>

                            <li>
                                <a href="#">
                                    <i class="icon-off"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul><!-- /.ace-nav -->
            </div><!-- /.navbar-header -->
        </div><!-- /.container -->
    </div>
</div>

<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#">
            <span class="menu-text"></span>
        </a>

        <div class="sidebar" id="sidebar">
            <!-- #sidebar-shortcuts -->
            <ul class="nav nav-list">
                <li>
                    <a href="index.html">
                        <i class="icon-dashboard"></i>
                        <span class="menu-text"> 控制台 </span>
                    </a>
                </li>
                <li>
                    <a href="#" class="dropdown-toggle">
                        <i class="icon-desktop"></i>
                        <span class="menu-text">人员管理</span>

                        <b class="arrow icon-angle-down"></b>
                    </a>
                    <ul class="submenu">
                        <li>
                            <a href="people.html">
                                <i class="icon-double-angle-right"></i>
                                职工管理
                            </a>
                        </li>

                    </ul>
                </li>
                <li>
                    <a href="news_list.html">
                        <i class="icon-dashboard"></i>
                        <span class="menu-text"> 新闻管理 </span>
                    </a>
                </li>
                <li>
                    <a href="faq_list.html">
                        <i class="icon-dashboard"></i>
                        <span class="menu-text">支持管理</span>
                    </a>
                </li>
                <li class="active">
                    <a href="faq_list.html">
                        <i class="icon-dashboard"></i>
                        <span class="menu-text">图片管理</span>
                    </a>
                </li>
            </ul><!-- /.nav-list -->

            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
                   data-icon2="icon-double-angle-right"></i>
            </div>
        </div>

        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="icon-home home-icon"></i>
                        <a href="#">首页</a>
                    </li>
                    <li class="active">照片管理</li>
                </ul><!-- .breadcrumb -->
            </div>
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="space-6"></div>
                        <div class="table-responsive" id="dataTableWrap">
                            <table width="100%"  id="dataTable" class="people_table table table-striped table-bordered table-hover"  cellpadding="0" cellspacing="0"  >
                                <thead>
                                <tr>
                                    <th width="50" class="center check_all">
                                        <label>
                                            <input type="checkbox" class="ace" />
                                            <span class="lbl"></span>
                                        </label>
                                    </th>
                                    <td width="100"></td>
                                    <th width="50">Thumb</th>
                                    <th>Name</th>
                                    <th>Picture Size</th>
                                    <th>File Size</th>
                                    <th>ENTitle</th>
                                    <th>CNTitle</th>
                                </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="center">
                                            <label>
                                                <input type="checkbox" class="ace"/>
                                                <span class="lbl"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                <a class="blue view-btn" href="javascript:void(0)">
                                                    <i class="icon-zoom-in bigger-130"></i>
                                                </a>

                                                <a class="green" href="pictures_edit.html?id=89757">
                                                    <i class="icon-pencil bigger-130"></i>
                                                </a>

                                                <a class="red delete-btn" href="javascript:void(0)">
                                                    <i class="icon-trash bigger-130"></i>
                                                </a>
                                            </div>
                                            <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                <div class="inline position-relative">
                                                    <button class="btn btn-minier btn-yellow dropdown-toggle"
                                                            data-toggle="dropdown">
                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                    </button>

                                                    <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                        <li>
                                                            <a href="javascript:void(0)" class="tooltip-info view-btn" data-rel="tooltip"
                                                               title="View">
                                                                                    <span class="blue">
                                                                                        <i class="icon-zoom-in bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="pictures_edit.html?id=89757" class="tooltip-success" data-rel="tooltip"
                                                               title="Edit">
                                                                                    <span class="green">
                                                                                        <i class="icon-edit bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="javascript:void(0)" class="tooltip-error delete-btn" data-rel="tooltip"
                                                               title="Delete">
                                                                                    <span class="red delete-btn">
                                                                                        <i class="icon-trash bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="thumb_50_50">
                                            <img class="thumb_img" src="http://myportal.nextev.com/NextEV%20Gallery/FSEC/_t/FSEC1_jpg.jpg" alt="">
                                        </div>
                                        <td>Admin</td>
                                        <td>100 x 100</td>
                                        <td>4 KB</td>
                                        <td>Admin</td>
                                        <td>管理部</td>
                                    </tr>
                                    <tr>
                                        <td class="center">
                                            <label>
                                                <input type="checkbox" class="ace"/>
                                                <span class="lbl"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                                                <a class="blue view-btn" href="javascript:void(0)">
                                                    <i class="icon-zoom-in bigger-130"></i>
                                                </a>

                                                <a class="green" href="pictures_edit.html?id=89757">
                                                    <i class="icon-pencil bigger-130"></i>
                                                </a>

                                                <a class="red delete-btn" href="javascript:void(0)">
                                                    <i class="icon-trash bigger-130"></i>
                                                </a>
                                            </div>
                                            <div class="visible-xs visible-sm hidden-md hidden-lg">
                                                <div class="inline position-relative">
                                                    <button class="btn btn-minier btn-yellow dropdown-toggle"
                                                            data-toggle="dropdown">
                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                    </button>

                                                    <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                        <li>
                                                            <a href="javascript:void(0)" class="tooltip-info view-btn" data-rel="tooltip"
                                                               title="View">
                                                                                    <span class="blue">
                                                                                        <i class="icon-zoom-in bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="pictures_edit.html?id=89757" class="tooltip-success" data-rel="tooltip"
                                                               title="Edit">
                                                                                    <span class="green">
                                                                                        <i class="icon-edit bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="javascript:void(0)" class="tooltip-error delete-btn" data-rel="tooltip"
                                                               title="Delete">
                                                                                    <span class="red delete-btn">
                                                                                        <i class="icon-trash bigger-120"></i>
                                                                                    </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </td>
                                        <td> <div class="thumb_50_50">
                                            <img class="thumb_img" src="http://myportal.nextev.com/NextEV%20Gallery/FSEC/_t/FSEC19-3_jpg.jpg" alt=""></td>
                                        <td>Admin</td>
                                        <td>100 x 200</td>
                                        <td>4 KB</td>
                                        <td>Admin</td>
                                        <td>管理部</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="dataTables-info">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="btns">
                                        <a href="pictures_add.html" class="btn btn-sm btn-primary"><i class="icon icon-plus bigger-130"></i>新增</a>
                                        <a id="delete_bash" href="javascript:void(0)" class="btn btn-sm btn-danger"><i class="icon icon-trash bigger-130"></i>删除</a>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div id="pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>
</div>
<!-- basic scripts -->

<!--[if !IE]> -->
<script src="assets\js\jquery-2.0.3.min.js"></script>
<!-- <![endif]-->

<!--[if IE]>
<script src="assets\js\jquery-1.10.2.min.js"></script>
<![endif]-->

<!--[if !IE]> -->

<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
</script>

<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>" + "<" + "script>");
</script>
<![endif]-->

<script type="text/javascript">
    if ("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
</script>
<script src="assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->

<script src="assets/js/bootbox.min.js"></script>
<script src="assets/js/jquery.dataTables.js"></script>
<!-- ace scripts -->

<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
<script src="src/js/pictures_list.js"></script>
</body>
</html>
